<template>
   <div class="card-container">
      <div class="card-title">{{ctitle}}</div>
      <mitem v-for="item in items" :key="item.id" :title="item.title" :id="item.id" :url="item.url"/>
      <div class="clear-fix"></div>
   </div>
</template>

<script>
import mitem from '@/components/monster/Mitem'
export default {
  props: [
    'items', 'ctitle'
  ],
  data () {
    return {

    }
  },
  components: {
    mitem
  }
}
</script>

<style scoped>
  .card-container{
    padding: 14px 5px;
    margin-bottom: 7px;
    background: #ffffff;
    line-height: 20px;
  }
  .clear-fix{
    clear: both;
  }
  .card-title{
    margin-left: 15px;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
  }
</style>
